<template>
  <div class="page-box">
    <dataList
      :pageInfo="pager"
      :listData="tableData"
      :selectData="selectDataArr"
      searchName="streetNames"
      :menuList="[{test:'批量导入'},'add','export',{test2:'预览'}]"
      :filterList="filterList"
      @menu-click="handleMenuClick"
    >
      <template slot="search">
        <el-input placeholder="请输入街道名称" v-model="searchValue" @change="searchByKeywords" maxlength="10" clearable @clear="handleClear">
          <i slot="prefix" class="el-input__icon el-icon-search"></i>
        </el-input>
      </template>
      <el-table :data="tableData" align="center" ref="multipleTable" @selection-change="$event => (selectDataArr = $event)">
        <el-table-column label="街道名称" prop="streetName"></el-table-column>
        <el-table-column label="社区名称" prop="communityName"></el-table-column>
        <el-table-column label="管理人口" prop="population"></el-table-column>
        <el-table-column label="设施类型" prop="facilitiesType"></el-table-column>
        <el-table-column label="具体类型" prop="facilitiesSubtype"></el-table-column>
        <el-table-column label="近期需求用房面积(m²)" prop="reqNum"></el-table-column>
        <el-table-column label="需求个数" prop="requirements"></el-table-column>
        <el-table-column width="100px" label="操作">
          <template slot-scope="scope">
            <el-button type="text" @click="handleNewlyEdit(scope.row)">编辑</el-button>
          </template>
        </el-table-column>
      </el-table>
    </dataList>
    <editMatchInfo ref="editMatchInfo" @addData="addData" @updateData="updateData"></editMatchInfo>
    <lookMatchInfo ref="lookMatchInfo" />
    <importInfo ref="importInfo" @query="getListData" />
  </div>
</template>

<script src="./index.js">

</script>

